<template>
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48">
    <path fill="url(#a)"
          d="M0 16c0-5.6 0-8.4 1.09-10.54a10 10 0 0 1 4.37-4.37C7.6 0 10.4 0 16 0h16c5.6 0 8.4 0 10.54 1.09a10 10 0 0 1 4.37 4.37C48 7.6 48 10.4 48 16v16c0 5.6 0 8.4-1.09 10.54a10.001 10.001 0 0 1-4.37 4.37C40.4 48 37.6 48 32 48H16c-5.6 0-8.4 0-10.54-1.09a10 10 0 0 1-4.37-4.37C0 40.4 0 37.6 0 32V16Z"/>
    <path fill="#000" fill-opacity=".08" fill-rule="evenodd"
          d="M1.133 9.513C1 11.131 1 13.183 1 16v16c0 2.817 0 4.87.133 6.486.131 1.606.387 2.695.848 3.6a9 9 0 0 0 3.933 3.933c.905.461 1.994.717 3.6.848C11.13 47 13.183 47 16 47h16c2.817 0 4.87 0 6.486-.133 1.606-.131 2.695-.387 3.6-.848a9 9 0 0 0 3.933-3.933c.461-.905.717-1.994.848-3.6C47 36.87 47 34.816 47 32V16c0-2.817 0-4.87-.133-6.487-.131-1.605-.387-2.694-.848-3.599a9 9 0 0 0-3.933-3.933c-.905-.461-1.994-.717-3.6-.848C36.87 1 34.816 1 32 1H16c-2.817 0-4.87 0-6.487.133-1.605.131-2.694.387-3.599.848a9 9 0 0 0-3.933 3.933c-.461.905-.717 1.994-.848 3.6ZM1.09 5.46C0 7.6 0 10.4 0 16v16c0 5.6 0 8.4 1.09 10.54a10 10 0 0 0 4.37 4.37C7.6 48 10.4 48 16 48h16c5.6 0 8.4 0 10.54-1.09a10.001 10.001 0 0 0 4.37-4.37C48 40.4 48 37.6 48 32V16c0-5.6 0-8.4-1.09-10.54a10 10 0 0 0-4.37-4.37C40.4 0 37.6 0 32 0H16C10.4 0 7.6 0 5.46 1.09a10 10 0 0 0-4.37 4.37Z"
          clip-rule="evenodd"/>
    <path fill="#000" fill-opacity=".12"
          d="M28 10.5A1.5 1.5 0 0 1 29.5 9h3.955c.506 0 .76 0 .973.015a6 6 0 0 1 5.557 5.557c.015.214.015.467.015.974V19.5a1.5 1.5 0 0 1-3 0v-4.125c0-.348 0-.522-.014-.67a3 3 0 0 0-2.692-2.69c-.147-.015-.32-.015-.669-.015H29.5a1.5 1.5 0 0 1-1.5-1.5Zm0 29a1.5 1.5 0 0 0 1.5 1.5h3.955c.506 0 .76 0 .973-.015a6 6 0 0 0 5.557-5.557c.015-.214.015-.467.015-.973V30.5a1.5 1.5 0 0 0-3 0v4.125c0 .348 0 .522-.014.67a3 3 0 0 1-2.692 2.69c-.147.015-.32.015-.669.015H29.5a1.5 1.5 0 0 0-1.5 1.5ZM18.5 41a1.5 1.5 0 0 0 0-3h-4.125c-.348 0-.522 0-.67-.014a3 3 0 0 1-2.69-2.692c-.015-.147-.015-.32-.015-.669V30.5a1.5 1.5 0 0 0-3 0v3.955c0 .506 0 .76.015.973a6 6 0 0 0 5.557 5.557c.214.015.467.015.974.015H18.5ZM20 10.5A1.5 1.5 0 0 0 18.5 9h-3.954c-.507 0-.76 0-.974.015a6 6 0 0 0-5.557 5.557C8 14.786 8 15.039 8 15.546V19.5a1.5 1.5 0 0 0 3 0v-4.125c0-.348 0-.522.014-.67a3 3 0 0 1 2.692-2.69c.147-.015.32-.015.669-.015H18.5a1.5 1.5 0 0 0 1.5-1.5Z"/>
    <path fill="#fff"
          d="M28 9.5A1.5 1.5 0 0 1 29.5 8h3.955c.506 0 .76 0 .973.015a6 6 0 0 1 5.557 5.557c.015.214.015.467.015.974V18.5a1.5 1.5 0 0 1-3 0v-4.125c0-.348 0-.522-.014-.67a3 3 0 0 0-2.692-2.69c-.147-.015-.32-.015-.669-.015H29.5A1.5 1.5 0 0 1 28 9.5Zm0 29a1.5 1.5 0 0 0 1.5 1.5h3.955c.506 0 .76 0 .973-.015a6 6 0 0 0 5.557-5.557c.015-.214.015-.467.015-.973V29.5a1.5 1.5 0 0 0-3 0v4.125c0 .348 0 .522-.014.67a3 3 0 0 1-2.692 2.69c-.147.015-.32.015-.669.015H29.5a1.5 1.5 0 0 0-1.5 1.5ZM18.5 40a1.5 1.5 0 0 0 0-3h-4.125c-.348 0-.522 0-.67-.014a3 3 0 0 1-2.69-2.692c-.015-.147-.015-.32-.015-.669V29.5a1.5 1.5 0 0 0-3 0v3.955c0 .506 0 .76.015.973a6 6 0 0 0 5.557 5.557c.214.015.467.015.974.015H18.5ZM20 9.5A1.5 1.5 0 0 0 18.5 8h-3.954c-.507 0-.76 0-.974.015a6 6 0 0 0-5.557 5.557C8 13.786 8 14.039 8 14.546V18.5a1.5 1.5 0 0 0 3 0v-4.125c0-.348 0-.522.014-.67a3 3 0 0 1 2.692-2.69c.147-.015.32-.015.669-.015H18.5A1.5 1.5 0 0 0 20 9.5Z"/>
    <defs>
      <linearGradient id="a" x1="24" x2="24" y1="0" y2="48" gradientUnits="userSpaceOnUse">
        <stop stop-color="#59627A"/>
        <stop offset="1" stop-color="#4A5266"/>
      </linearGradient>
    </defs>
  </svg>
</template>
<script setup lang="ts">
withDefaults(defineProps<{ width?: number; height?: number }>(), {
  width: 48,
  height: 48
})
</script>
